VisualHMI - 滑动条控件

什么是滑动条控件?

image-20231116090005441

滑动条控件支持拖动,常用于音量、亮度等功能。

适用范围:VisualHMI - HMI&M系列

例程下载链接:ViusalHMI - 滑动条控件(点击下载)

1.属性介绍

本章节重点介绍滑动条控件的属性,分为功能设置和外观设置

1.1.功能设置

滑动条控件的功能设置,属性如下所示

image-20231116090251662

  1. 读写地址:控件所绑定的变量地址;

  2. 滑动调节:拖动进度条调节数值;

    • 与读取相同:写到与读取相同的地址
  3. 刻度数:控件的总可读数量;

  4. 范围限制:无、固定范围、可变范围;

    • 固定范围:可固定上下限值;
    • 可变范围:可根据上下限地址动态调整上下限数值。

1.2.外观设置

进度条控件的外观属性,属性如下所示

image-20231116090422109

  1. 方向:支持从左到右、从右到左、从上到下和从下到上;
  2. 滑块图库:滑块的图片;
    • 宽度:滑块的宽度;
    • 高度:滑块的高度。

2.应用案例

2.1.固定范围

2.1.1 工程配置

在画面中添加滑动条控件,属性配置如下所示:

  1. 读写地址:LW1001;

  2. 滑动调节:√;

  3. 松开时通知:√;

  4. 范围限制:固定范围;

    • 下限值:0;

    • 上限值:100;

  5. 方向:从左到右;

image-20231116095016197

添加一个数值控件,用于显示滑动条滑动过程的数值,属性如下所示

  1. 读写地址:LW1001;

image-20231116095910480

2.1.2.运行预览

运行虚拟屏,拖动滑动条,数值限制在0~100,运行效果如下所示

Video_2023-11-16_095627

2.2.可变范围

2.2.1 工程配置

在画面中添加【滑动条控件】,配置如下所示:

  1. 读写地址:LW1002;

  2. 滑动调节:√;

  3. 刻度数:100

  4. 范围限制:可变范围;

    • 下限值:LW1003;

    • 上限值:LW1004;

  5. 方向:从左到右;

image-20231116100428305

【数值控件】

添加三个数值控件,地址LW1002表示滑块的值、地址LW1003表示上限值、地址LW1004表示下限值,属性配置如下所示:

image-20231116100616161

2.2.2 运行预览

运行虚拟屏,设置上限值为1000,下限值为100,滑动滑块,数值随着改变,如下所示:

Video_2023-11-16_101102

Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2023-12-07 19:05:20

results matching ""

    No results matching ""